<md-sidenav-container [class.app-dark-theme] = "isDarkTheme">

  <md-sidenav #sidenav mode="push" align="start" mode="over">
    <app-sidebar></app-sidebar>
  </md-sidenav>

  <div class="site">

    <header>
      <app-header 
      (toggle)="sidenav.toggle()"
      (changTheme)="changeTheme($event)"
      ></app-header>
    </header>

    <main>
      <router-outlet></router-outlet>
    </main>

    <footer>
      <app-footer></app-footer>
    </footer>
  </div>
</md-sidenav-container>
